<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="../assets/favicon.ico">
<title>source\jindo.MouseGesture.js - Jindo Component - AjaxUI@NHN</title>
<link rel="stylesheet" type="text/css" href="../assets/prettify/prettify-min.css" media="screen">
<script type="text/javascript">
	var isMobile = (function() {
		var r = window.devicePixelRatio || 1;
		if (/windows phone/i.test(navigator.userAgent)) { r = 2; }
		
		var s = Math.max(screen.width / r, screen.height / r);
		
		var m = s < 1024;
		var href = m ? "api.mobile.css" : "api.css";
		document.write('<link rel="stylesheet" type="text/css" href="../assets/' + href + '" media="screen">');
		
		return m;
	})();
</script>

<script type="text/javascript" src="../assets/jindo.desktop.min.js"></script>
<script type="text/javascript" src="../assets/jindo_component.min.js"></script>
</head>
<body class="api-page">
<div id="wrap" class="api-main"><!-- 2Depth 접기 : lft_fold 추가 -->

	<div id="header">
		<h1><a href="../index.html"><span class="blind">JindoJS</span></a></h1>
		<div class="info">
			<span class="version">version 1.6.0</span>
			<span class="bar">|</span>
			<span class="help"><span class="ic_help"></span><a href="http://devcode.nhncorp.com/projects/jindo-component/issue" target="_blank">버그신고/문의</a></span>
		</div>
		<div class="menu">
			<button type="button" id="toggle_search_btn" class="btn_sch"><span class="blind">검색</span></button>
			<button type="button" id="toggle_list_btn" class="btn_snb btn_snb_on"><span class="blind">메뉴</span></button>
			<!-- [D] 클릭시 btn_sch_on,btn_snb_on 추가 -->
		</div>
	</div>

	<!-- sch_frm -->
	<div class="sch_frm hide_when_small">
		<h2 class="blind">검색</h2>
		<div class="filter">
			<input type="search" id="api-filter" placeholder="검색어를 입력하세요.">
		</div>
		<div id="search-tab" style="display:none;">
			<ul class="tabs">
			<li class="tc-tab">전체</li>
			<li class="tc-tab">키워드</li>
			<li class="tc-tab">클래스</li>
			<li class="tc-tab">메서드</li>
			<li class="tc-tab">프로퍼티</li>
			<li class="tc-tab">이벤트</li>
			</ul>
			<div class="panels">
				<ul id="api-all" class="tc-panel"></ul>
				<ul id="api-keywords" class="tc-panel"></ul>
				<ul id="api-classes" class="tc-panel"></ul>
				<ul id="api-methods" class="tc-panel"></ul>
				<ul id="api-attrs" class="tc-panel"></ul>
				<ul id="api-events" class="tc-panel"></ul>
			</div>

		</div>
	</div>
	<!-- // sch_frm -->

	<!-- container -->
	<div id="container">
		<!-- left-columns -->
		<div id="left-columns" class="sidemenu has_scrollbar">
			<h2 class="blind"><a href="../index.html"><span>APIs</span></a></h2>
<div class="snb depth1 scrollbar hide_when_small">
	<!-- [D] style="width:135px; height:384px; -->
	<div class="scrollbar-box">
		<div class="scrollbar-content">
			<div><ul>
			            <li class="">
			            	<a href="../classes/jindo.Accordion.html" class="">
			                	Accordion
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.AjaxHistory.html" class="">
			                	AjaxHistory
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.BrowseButton.html" class="">
			                	BrowseButton
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Cache.html" class="">
			                	Cache
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Calendar.html" class="">
			                	Calendar
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Canvas.html" class="">
			                	Canvas
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.CheckBox.html" class="">
			                	CheckBox
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.CircularRolling.html" class="">
			                	CircularRolling
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Clipboard.html" class="">
			                	Clipboard
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Component.html" class="">
			                	Component
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DataBridge.html" class="">
			                	DataBridge
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DatePicker.html" class="">
			                	DatePicker
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DefaultTextValue.html" class="">
			                	DefaultTextValue
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Dialog.html" class="">
			                	Dialog
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DragArea.html" class="">
			                	DragArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DropArea.html" class="">
			                	DropArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DynamicTree.html" class="">
			                	DynamicTree
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Effect.html" class="">
			                	Effect
								
								

							    
						        
						            <span class="flag static" title="static"><span class="blind">static</span></span>
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.FileUploader.html" class="">
			                	FileUploader
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.FloatingLayer.html" class="">
			                	FloatingLayer
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Foggy.html" class="">
			                	Foggy
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Formatter.html" class="">
			                	Formatter
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.HTMLComponent.html" class="">
			                	HTMLComponent
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.InlineTextEdit.html" class="">
			                	InlineTextEdit
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LayerEffect.html" class="">
			                	LayerEffect
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LayerManager.html" class="">
			                	LayerManager
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LayerPosition.html" class="">
			                	LayerPosition
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LazyLoading.html" class="">
			                	LazyLoading
								
								

							    
						        
						            <span class="flag static" title="static"><span class="blind">static</span></span>
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.ModalDialog.html" class="">
			                	ModalDialog
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.MouseGesture.html" class="">
			                	MouseGesture
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.MultipleAjaxRequest.html" class="">
			                	MultipleAjaxRequest
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.NumberFormatter.html" class="">
			                	NumberFormatter
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.NumericStepper.html" class="">
			                	NumericStepper
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Pagination.html" class="">
			                	Pagination
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Rolling.html" class="">
			                	Rolling
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.RollingChart.html" class="">
			                	RollingChart
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.RolloverArea.html" class="">
			                	RolloverArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.RolloverClick.html" class="">
			                	RolloverClick
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.ScrollBar.html" class="">
			                	ScrollBar
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.ScrollBox.html" class="">
			                	ScrollBox
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.SelectArea.html" class="">
			                	SelectArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.SelectBox.html" class="">
			                	SelectBox
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Slider.html" class="">
			                	Slider
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.StarRating.html" class="">
			                	StarRating
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.TabControl.html" class="">
			                	TabControl
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.TextRange.html" class="">
			                	TextRange
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Timer.html" class="">
			                	Timer
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Transition.html" class="">
			                	Transition
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Tree.html" class="">
			                	Tree
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.UIComponent.html" class="">
			                	UIComponent
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.UploadQueue.html" class="">
			                	UploadQueue
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.WatchInput.html" class="">
			                	WatchInput
								
								

							    
						        
			            	</a>
			            </li>
			        </ul></div>
		</div>
	</div>
	<div class="scrollbar-v">
		<div class="scrollbar-button-up"></div>
		<div class="scrollbar-track">
			<div class="scrollbar-thumb" style="top: 0px; height: 222px; "></div>
		</div>
		<div class="scrollbar-button-down"></div>
	</div>
</div>


<button type="button" title="펼치기" class="btn_open">바로가기 열기<span class="ic"></span></button>
<button type="button" title="접기" class="btn_close">바로가기 닫기<span class="ic"></span></button>

		</div>
		<!-- // left-columns -->

		<!-- main content -->
		<div id="main">
			<div class="main_fix">
				<div class="content">
	
	<h1 class="blind">source/jindo.MouseGesture.js</h1>
	<div class="tc-panel first">
		<dl class="relation">
			<dt>파일명</dt>
			<dd>jindo.MouseGesture.js</dd>
			<dt>경로</dt>
			<dd>source/</dd>
		</dl>
		<div id="file" class="file">
		    <pre class="code prettyprint linenums">/**
	@fileOverview&nbsp;마우스&nbsp;제스쳐&nbsp;컴포넌트
	@author&nbsp;TarauS
	@version&nbsp;#__VERSION__#
**/
/**
	마우스&nbsp;제스쳐&nbsp;컴포넌트
	
	@class&nbsp;jindo.MouseGesture
	@extends&nbsp;jindo.Component
	@keyword&nbsp;mousegesture,&nbsp;gesture,&nbsp;마우스제스쳐,&nbsp;제스쳐
**/
jindo.MouseGesture&nbsp;=&nbsp;jindo.$Class({
	/**
		@lends&nbsp;jindo.MouseGesture.prototype
	**/

	/**
		라인이&nbsp;그려질&nbsp;캔버스&nbsp;객체
		@type&nbsp;{Element}
	**/
	_elCanvas&nbsp;:&nbsp;null,
	/**
		Canvas&nbsp;Element의&nbsp;Drawing&nbsp;Context
		@type&nbsp;{Object}
	**/
	_oDC&nbsp;:&nbsp;null,
	/**
		이벤트&nbsp;핸들러&nbsp;저장&nbsp;객체
		@type&nbsp;{HashTable}
	**/
	_htEventHandler&nbsp;:&nbsp;{},
	/**
		사용자의&nbsp;마우스가&nbsp;움직인&nbsp;점의&nbsp;목록
		@type&nbsp;{Array}
	**/
	_aPointList&nbsp;:&nbsp;[],
	/**
		저장된&nbsp;점의&nbsp;개수
		@type&nbsp;{Number}
	**/
	_nPointCount&nbsp;:&nbsp;0,
	/**
		라인을&nbsp;그리는&nbsp;방법&nbsp;(vml,&nbsp;canvas)
		@type&nbsp;{String}
	**/
	_sDrawingType&nbsp;:&nbsp;&quot;&quot;,
	/**
		모바일&nbsp;사파리인지를&nbsp;저장하는&nbsp;변수
		@type&nbsp;{Boolean}
	**/
	_bMobileSafari&nbsp;:&nbsp;false,

	/**
		@constructor
		@param&nbsp;{Object}&nbsp;[htOption]&nbsp;초기화&nbsp;옵션&nbsp;객체
			@param&nbsp;{String}&nbsp;[htOption.sLineColor=&quot;#FF0000&quot;]&nbsp;선&nbsp;색상
			@param&nbsp;{Number}&nbsp;[htOption.nLineThickness=5]&nbsp;선&nbsp;두께
			@param&nbsp;{Number}&nbsp;[htOption.nFilteringDistance=10]&nbsp;유효&nbsp;분석&nbsp;거리&nbsp;(두&nbsp;점&nbsp;사이의&nbsp;간격이,&nbsp;이&nbsp;값&nbsp;이상일&nbsp;때만&nbsp;분석&nbsp;데이터로&nbsp;사용)
			@param&nbsp;{Window}&nbsp;[htOption.elTargetWindow=window]&nbsp;선이&nbsp;그려질&nbsp;윈도우&nbsp;객체
		@example
			var&nbsp;oMouseGestureInstance&nbsp;=&nbsp;new&nbsp;jindo.MouseGesture({
			&nbsp;&nbsp;&nbsp;&nbsp;&quot;sLineColor&quot;&nbsp;:&nbsp;&quot;#FF0000&quot;,&nbsp;&nbsp;&nbsp;//&nbsp;라인&nbsp;컬러
			&nbsp;&nbsp;&nbsp;&nbsp;&quot;nLineThickness&quot;&nbsp;:&nbsp;5,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;라인&nbsp;두께
			&nbsp;&nbsp;&nbsp;&nbsp;&quot;nFilteringDistance&quot;&nbsp;:&nbsp;10,&nbsp;&nbsp;//&nbsp;유효&nbsp;분석&nbsp;거리&nbsp;(두&nbsp;점&nbsp;사이의&nbsp;간격이,&nbsp;이&nbsp;값&nbsp;이상일&nbsp;때만&nbsp;분석&nbsp;데이터로&nbsp;사용)
			&nbsp;&nbsp;&nbsp;&nbsp;&quot;elTargetWindow&quot;&nbsp;:&nbsp;window&nbsp;&nbsp;&nbsp;//&nbsp;라인이&nbsp;그려질&nbsp;윈도우&nbsp;객체
			});
	&nbsp;*	
			oMouseGestureInstance.attach(&quot;gesture&quot;,&nbsp;function(oGestureEvent){
			&nbsp;&nbsp;&nbsp;&nbsp;console.log(oGestureEvent.sCode,&nbsp;oGestureEvent.aCodeList);
			&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i=0;&nbsp;i&lt;eGesture.aCodeList.length;&nbsp;i++){
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;switch(eGesture.aCodeList[i]){
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;1:&nbsp;sCode&nbsp;+=&nbsp;&quot;↗&quot;;break;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;2:&nbsp;sCode&nbsp;+=&nbsp;&quot;→&quot;;break;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;3:&nbsp;sCode&nbsp;+=&nbsp;&quot;↘&quot;;break;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;4:&nbsp;sCode&nbsp;+=&nbsp;&quot;↓&quot;;break;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;5:&nbsp;sCode&nbsp;+=&nbsp;&quot;↙&quot;;break;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;6:&nbsp;sCode&nbsp;+=&nbsp;&quot;←&quot;;break;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;7:&nbsp;sCode&nbsp;+=&nbsp;&quot;↖&quot;;break;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;8:&nbsp;sCode&nbsp;+=&nbsp;&quot;↑&quot;;break;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
			&nbsp;&nbsp;&nbsp;&nbsp;}
			&nbsp;&nbsp;&nbsp;&nbsp;console.log(&quot;result&quot;&nbsp;:&nbsp;sCode);
			}
	**/
	$init&nbsp;:&nbsp;function(htOption){
		//&nbsp;기본&nbsp;옵션&nbsp;설정
		this.option({
			&quot;sLineColor&quot;&nbsp;:&nbsp;&quot;#FF0000&quot;,
			&quot;nLineThickness&quot;&nbsp;:&nbsp;5,
			&quot;nFilteringDistance&quot;&nbsp;:&nbsp;10,
			&quot;elTargetWindow&quot;&nbsp;:&nbsp;window
		});
		//&nbsp;사용자&nbsp;옵션&nbsp;설정
		this.option(htOption);

		//&nbsp;마우스&nbsp;다운&nbsp;이벤트&nbsp;핸들러&nbsp;등록&nbsp;(모바일&nbsp;사파리는&nbsp;터치&nbsp;이벤트&nbsp;등록)
		var&nbsp;sUserAgent&nbsp;=&nbsp;window.navigator.userAgent.toLowerCase();
		this._bMobileSafari&nbsp;=&nbsp;(/mobile/.test(sUserAgent)&nbsp;&amp;&amp;&nbsp;/safari/.test(sUserAgent))&nbsp;||&nbsp;/iphone/.test(sUserAgent);
		this._htEventHandler[&quot;mouse_down&quot;]&nbsp;=&nbsp;jindo.$Fn(this._onMouseDown,&nbsp;this).attach(this.option(&quot;elTargetWindow&quot;).document,&nbsp;this._bMobileSafari&nbsp;?&nbsp;&quot;touchstart&quot;&nbsp;:&nbsp;&quot;mousedown&quot;,&nbsp;true);

		//&nbsp;캔버스&nbsp;생성
		this._createCanvas();
	},

	/**
		캔버스&nbsp;생성&nbsp;함수
		-&nbsp;IE의&nbsp;경우에는&nbsp;VML을&nbsp;위한&nbsp;네임&nbsp;스페이스를&nbsp;정의하고,&nbsp;VML&nbsp;Element들을&nbsp;위치시킬&nbsp;DIV&nbsp;Element를&nbsp;생성
		-&nbsp;IE&nbsp;외의&nbsp;CanvasAPI를&nbsp;지원하는&nbsp;경우에는,&nbsp;Canvas&nbsp;Element를&nbsp;생성
	**/
	_createCanvas&nbsp;:&nbsp;function(){
		if(jindo.$Agent().navigator().ie){
			//&nbsp;네임&nbsp;스페이스&nbsp;생성
			if(!this.option(&quot;elTargetWindow&quot;).document.namespaces[&quot;vml_nhn&quot;]){
				this.option(&quot;elTargetWindow&quot;).document.namespaces.add(&quot;vml_nhn&quot;,&nbsp;&quot;urn:schemas-microsoft-com:vml&quot;);
			}
			//&nbsp;VML을&nbsp;위한&nbsp;스타일&nbsp;정의
			var&nbsp;elStyle&nbsp;=&nbsp;this.option(&quot;elTargetWindow&quot;).document.createStyleSheet();
			elStyle.cssText&nbsp;=&nbsp;&quot;vml_nhn\\:shape,&nbsp;vml_nhn\\:stroke&nbsp;{behavior:url(#default#VML);&nbsp;display:inline-block;&nbsp;position:absolute;width:1px;height:1px;};&quot;;
			this._elCanvas&nbsp;=&nbsp;jindo.$(&quot;&lt;div&gt;&quot;);
			this._sDrawingType&nbsp;=&nbsp;&quot;vml&quot;;
		}else{
			//&nbsp;Canvas&nbsp;Element&nbsp;생성
			this._elCanvas&nbsp;=&nbsp;jindo.$(&quot;&lt;canvas&gt;&quot;);
			this._oDC&nbsp;=&nbsp;this._elCanvas.getContext(&quot;2d&quot;);
			this._sDrawingType&nbsp;=&nbsp;&quot;canvas&quot;;
			this._oDC.globalCompositeOperation&nbsp;=&nbsp;&quot;destination-over&quot;;
		}
		jindo.$Element(this._elCanvas).css({&quot;position&quot;:&quot;absolute&quot;,&nbsp;&quot;top&quot;&nbsp;:&nbsp;&quot;0px&quot;,&nbsp;&quot;left&quot;&nbsp;:&nbsp;&quot;0px&quot;}).hide().appendTo(this.option(&quot;elTargetWindow&quot;).document.body);
	},

	/**
		생성된&nbsp;캔버스&nbsp;엘리먼트를&nbsp;화면에&nbsp;표시하는&nbsp;함수
	**/
	_showCanvas&nbsp;:&nbsp;function(){
		var&nbsp;htDocumentSize&nbsp;=&nbsp;jindo.$Document(this.option(&quot;elTargetWindow&quot;).document).clientSize();
		var&nbsp;htScrollPosition&nbsp;=&nbsp;jindo.$Document(this.option(&quot;elTargetWindow&quot;).document).scrollPosition();
		
		if(this._sDrawingType&nbsp;==&nbsp;&quot;canvas&quot;){
			this._elCanvas.width&nbsp;=&nbsp;htDocumentSize.width;
			this._elCanvas.height&nbsp;=&nbsp;htDocumentSize.height;
		}

		//&nbsp;캔버스의&nbsp;크기를&nbsp;브라우저의&nbsp;크기게&nbsp;맞게&nbsp;조정
		jindo.$Element(this._elCanvas).css({&quot;top&quot;&nbsp;:&nbsp;htScrollPosition.top&nbsp;+&quot;px&quot;,&nbsp;&quot;width&quot;&nbsp;:&nbsp;htDocumentSize.width+&quot;px&quot;,&nbsp;&quot;height&quot;&nbsp;:&nbsp;htDocumentSize.height+&quot;px&quot;,&nbsp;&quot;zIndex&quot;&nbsp;:&nbsp;999999}).show();
	},

	//&nbsp;화면에&nbsp;표시된&nbsp;캔버스&nbsp;엘리먼트를&nbsp;감추고,&nbsp;그려진&nbsp;내용을&nbsp;초기화하는&nbsp;함수
	_hideCanvas&nbsp;:&nbsp;function(){
		if(this._elCanvas){
			if(this._sDrawingType&nbsp;==&nbsp;&quot;vml&quot;){
				this._elCanvas.innerHTML&nbsp;=&nbsp;&quot;&quot;;
			}else&nbsp;if(this._sDrawingType&nbsp;==&nbsp;&quot;canvas&quot;){
				this._oDC.beginPath();
				this._oDC.clearRect(0,&nbsp;0,&nbsp;this._elCanvas.offsetWidth,&nbsp;this._elCanvas.offsetHeight);
				this._oDC.closePath();
			}
			jindo.$Element(this._elCanvas).hide();
		}
	},

	/**
		캔버스&nbsp;엘리먼트에&nbsp;두&nbsp;점의&nbsp;좌표를&nbsp;이용하여&nbsp;라인을&nbsp;그리는&nbsp;함수
	&nbsp;*
		@param&nbsp;{Object}&nbsp;htStartPosition&nbsp;시작&nbsp;점의&nbsp;좌표&nbsp;정보를&nbsp;가진&nbsp;객체&nbsp;({nX&nbsp;:&nbsp;123,&nbsp;nY:123})
		@param&nbsp;{Object}&nbsp;htEndPosition&nbsp;끝&nbsp;점의&nbsp;좌표&nbsp;정보를&nbsp;가진&nbsp;객체&nbsp;({nX&nbsp;:&nbsp;456,&nbsp;nY:456})
	**/
	_drawLine&nbsp;:&nbsp;function(htStartPosition,&nbsp;htEndPosition){
		//&nbsp;VML을&nbsp;이용하여&nbsp;라인을&nbsp;그림
		if(this._sDrawingType&nbsp;==&nbsp;&quot;vml&quot;){
			var&nbsp;sPath&nbsp;=&nbsp;&quot;&nbsp;m&nbsp;&quot;+(htStartPosition.nX*1-5)+&quot;,&quot;+(htStartPosition.nY*1-5)+&quot;&nbsp;l&nbsp;&quot;+(htEndPosition.nX*1-5)+&quot;,&quot;+(htEndPosition.nY*1-5);
			var&nbsp;sHTML&nbsp;=&nbsp;&#39;&lt;vml_nhn:shape&nbsp;coordsize=&quot;1&nbsp;1&quot;&nbsp;strokeweight=&quot;&#39;+this.option(&quot;nLineThickness&quot;)+&#39;pt&quot;&nbsp;strokecolor=&quot;&#39;+this.option(&quot;sLineColor&quot;)+&#39;&quot;&nbsp;path=&quot;&#39;+sPath+&#39;&quot;&gt;&lt;vml_nhn:stroke&nbsp;endcap=&quot;round&quot;&nbsp;/&gt;&lt;/vml_nhn:shape&gt;&#39;;
			this._elCanvas.insertAdjacentHTML(&quot;BeforeEnd&quot;,sHTML);
		//&nbsp;캔버스&nbsp;API를&nbsp;이용하여&nbsp;라인을&nbsp;그림
		}else&nbsp;if(this._sDrawingType&nbsp;==&nbsp;&quot;canvas&quot;){
			this._oDC.save();
			this._oDC.beginPath();
			this._oDC.lineCap&nbsp;=&nbsp;&quot;round&quot;;
			this._oDC.lineWidth&nbsp;=&nbsp;this.option(&quot;nLineThickness&quot;)&nbsp;+&nbsp;2;
			this._oDC.strokeStyle&nbsp;=&nbsp;this.option(&quot;sLineColor&quot;);
			this._oDC.moveTo(htStartPosition.nX,htStartPosition.nY);
			this._oDC.lineTo(htEndPosition.nX,htEndPosition.nY);
			this._oDC.stroke();
			this._oDC.closePath();
			this._oDC.restore();
		}
	},

	/**
		이벤트&nbsp;객체로부터&nbsp;이벤트가&nbsp;발생한&nbsp;좌표&nbsp;정보를&nbsp;계산하여,&nbsp;좌표&nbsp;목록&nbsp;배열에&nbsp;저장하고,&nbsp;계산된&nbsp;좌표를&nbsp;리턴하는&nbsp;함수
		-&nbsp;모바일&nbsp;버전의&nbsp;사파리의&nbsp;경우에는,&nbsp;터치&nbsp;이벤트에&nbsp;대한&nbsp;좌표&nbsp;정보를&nbsp;계산
		-&nbsp;위의&nbsp;경우가&nbsp;아닌&nbsp;경우에는&nbsp;pos()&nbsp;함수를&nbsp;이용하여&nbsp;계산
	&nbsp;*
		@param&nbsp;{WrappingEvent}&nbsp;weTarget&nbsp;좌표를&nbsp;계산할&nbsp;이벤트&nbsp;객체
		@return&nbsp;{Object}&nbsp;좌표&nbsp;정보를&nbsp;저장하고&nbsp;있는&nbsp;객체
	**/
	_addPointList&nbsp;:&nbsp;function(weTarget){
		//&nbsp;좌표&nbsp;정보를&nbsp;계산
		var&nbsp;htPosition;
		if(this._bMobileSafari){
			htPosition&nbsp;=&nbsp;{
				&quot;pageX&quot;:&nbsp;weTarget._event.targetTouches[0].clientX,
				&quot;pageY&quot;:&nbsp;weTarget._event.targetTouches[0].clientY
			};
		}else{
			htPosition&nbsp;=&nbsp;weTarget.pos();
		}

		//&nbsp;결과&nbsp;객체&nbsp;생성
		var&nbsp;htResult&nbsp;=&nbsp;{
			&quot;nX&quot;:&nbsp;htPosition.clientX,
			&quot;nY&quot;:&nbsp;htPosition.clientY
		};

		//&nbsp;좌표&nbsp;정보&nbsp;저장&nbsp;배열에&nbsp;추가
		this._aPointList.push(htResult);
		this._nPointCount++;

		return&nbsp;htResult;
	},

	/**
		MouseDown&nbsp;이벤트&nbsp;핸들러
		-&nbsp;MouseMove&nbsp;및&nbsp;MouseUp&nbsp;이벤트&nbsp;핸들러&nbsp;등록
		-&nbsp;MouseDown&nbsp;이벤트가&nbsp;발생한&nbsp;좌표&nbsp;저장
	&nbsp;*
		@param&nbsp;{WrappingEvent}&nbsp;weMouseDown&nbsp;마우스&nbsp;다운&nbsp;이벤트&nbsp;객체
	**/
	_onMouseDown&nbsp;:&nbsp;function(weMouseDown){
		if(weMouseDown.mouse().right&nbsp;||&nbsp;this._bMobileSafari){
			weMouseDown.stop();
			//&nbsp;이벤트가&nbsp;발생한&nbsp;좌표&nbsp;정보를&nbsp;저장
			this._addPointList(weMouseDown);
			//&nbsp;이벤트&nbsp;핸들러&nbsp;등록
			this._htEventHandler[&quot;mouse_move&quot;]&nbsp;=&nbsp;jindo.$Fn(this._onMouseMove,&nbsp;this).attach(this.option(&quot;elTargetWindow&quot;).document,&nbsp;this._bMobileSafari&nbsp;?&nbsp;&quot;touchmove&quot;&nbsp;:&nbsp;&quot;mousemove&quot;);
			this._htEventHandler[&quot;mouse_up&quot;]&nbsp;=&nbsp;jindo.$Fn(this._onMouseUp,&nbsp;this).attach(this.option(&quot;elTargetWindow&quot;).document,&nbsp;this._bMobileSafari&nbsp;?&nbsp;&quot;touchend&quot;&nbsp;:&nbsp;&quot;mouseup&quot;);
			//&nbsp;setCapture()&nbsp;수행&nbsp;(IE에서&nbsp;로딩된&nbsp;플래시&nbsp;객체&nbsp;위에서&nbsp;이벤트&nbsp;처리를&nbsp;하기&nbsp;위한&nbsp;목적)
			if(this._sDrawingType&nbsp;==&nbsp;&quot;vml&quot;){
				this.option(&quot;elTargetWindow&quot;).document.body.setCapture();
			}
		}
	},

	/**
		MouseMove&nbsp;이벤트&nbsp;핸들러
		-&nbsp;첫&nbsp;이동일&nbsp;경우,&nbsp;감춰진&nbsp;캔버스를&nbsp;보여지도록&nbsp;설정
		-&nbsp;MouseMove&nbsp;이벤트가&nbsp;발생한&nbsp;좌표와,&nbsp;바로&nbsp;전에&nbsp;저장된&nbsp;좌표를&nbsp;이용하여&nbsp;라인을&nbsp;그림
	&nbsp;*
		@param&nbsp;{WrappingEvent}&nbsp;weMouseMove&nbsp;마우스&nbsp;무브&nbsp;이벤트&nbsp;겍체
	**/
	_onMouseMove&nbsp;:&nbsp;function(weMouseMove){
		//&nbsp;이벤트가&nbsp;발생한&nbsp;좌표&nbsp;정보를&nbsp;저장
		var&nbsp;htPosition&nbsp;=&nbsp;this._addPointList(weMouseMove);

		if(this._nPointCount&nbsp;===&nbsp;2){
			this._showCanvas();
		}

		//&nbsp;두&nbsp;점을&nbsp;이용하여&nbsp;라인을&nbsp;그림
		if(this._nPointCount&nbsp;%&nbsp;2){&nbsp;//&nbsp;VML로&nbsp;그릴&nbsp;때,&nbsp;느려지는&nbsp;현상이&nbsp;있어&nbsp;2번에&nbsp;1번&nbsp;꼴로&nbsp;라인을&nbsp;그리도록&nbsp;함
			this._drawLine({
				&quot;nX&quot;:&nbsp;this._aPointList[this._nPointCount&nbsp;-&nbsp;3][&quot;nX&quot;],
				&quot;nY&quot;:&nbsp;this._aPointList[this._nPointCount&nbsp;-&nbsp;3][&quot;nY&quot;]
			},&nbsp;htPosition);
		}
	},

	/**
		저장된&nbsp;좌표&nbsp;정보를&nbsp;바탕으로&nbsp;사용자의&nbsp;마우스&nbsp;이동&nbsp;방향을&nbsp;계산하여&nbsp;리턴하는&nbsp;함수
		-&nbsp;두&nbsp;점의&nbsp;거리가&nbsp;옵션의&nbsp;nFilteringDistance보다&nbsp;작은&nbsp;경우에는&nbsp;계산에서&nbsp;제외&nbsp;시킴
		-&nbsp;두&nbsp;점의&nbsp;기울기를&nbsp;바탕으로&nbsp;방향을&nbsp;결정
		-&nbsp;중복된&nbsp;방향&nbsp;값을&nbsp;제거
	&nbsp;*
		@return&nbsp;{Object}&nbsp;최종&nbsp;계산된&nbsp;방향&nbsp;정보&nbsp;객체
	**/
	_recognitionGesture&nbsp;:&nbsp;function(){
		var&nbsp;nX,&nbsp;nY,&nbsp;nBeforeX,&nbsp;nBeforeY,&nbsp;nGradient,&nbsp;nAbsGradient,&nbsp;nResult,&nbsp;nDistance;
		var&nbsp;aFilteredList&nbsp;=&nbsp;[],&nbsp;aResult&nbsp;=&nbsp;[];
		var&nbsp;nBaseGradient1&nbsp;=&nbsp;Math.tan(22.5&nbsp;*&nbsp;Math.PI&nbsp;/&nbsp;180);
		var&nbsp;nBaseGradient2&nbsp;=&nbsp;Math.tan(67.5&nbsp;*&nbsp;Math.PI&nbsp;/&nbsp;180);

		//&nbsp;저장된&nbsp;좌표들을&nbsp;루프를&nbsp;돔
		for(var&nbsp;i=1;&nbsp;i&lt;this._aPointList.length;&nbsp;i++){
			nX&nbsp;=&nbsp;this._aPointList[i][&quot;nX&quot;];
			nY&nbsp;=&nbsp;this._aPointList[i][&quot;nY&quot;];
			nBeforeX&nbsp;=&nbsp;this._aPointList[i-1][&quot;nX&quot;];
			nBeforeY&nbsp;=&nbsp;this._aPointList[i-1][&quot;nY&quot;];
			nDistance&nbsp;=&nbsp;Math.sqrt(Math.pow(nY&nbsp;-&nbsp;nBeforeY,&nbsp;2)&nbsp;+&nbsp;Math.pow(nX&nbsp;-&nbsp;nBeforeX,&nbsp;2));

			//&nbsp;두&nbsp;점의&nbsp;거리(nDistance)가&nbsp;옵션에&nbsp;정의된&nbsp;nFilteringDistance&nbsp;보다&nbsp;큰&nbsp;경우에만&nbsp;기울기를&nbsp;계산
			if(nDistance&nbsp;&gt;&nbsp;this.option(&quot;nFilteringDistance&quot;)){//&nbsp;||&nbsp;aResultList[aResultList.length-1]&nbsp;!=&nbsp;nResult){
				//&nbsp;두&nbsp;점의&nbsp;기본&nbsp;기울기를&nbsp;계산
				nGradient&nbsp;=&nbsp;-(nY&nbsp;-&nbsp;nBeforeY)&nbsp;/&nbsp;(nX&nbsp;-&nbsp;nBeforeX);
				nAbsGradient&nbsp;=&nbsp;Math.abs(nGradient);

				//&nbsp;두&nbsp;점의&nbsp;기울기와&nbsp;좌표&nbsp;정보를&nbsp;이용하여,&nbsp;두&nbsp;점의&nbsp;방향을&nbsp;계산&nbsp;함
				if(nAbsGradient&nbsp;&gt;=&nbsp;nBaseGradient2){
					if(nY&nbsp;&lt;&nbsp;nBeforeY){
						nResult&nbsp;=&nbsp;8;
					}else{
						nResult&nbsp;=&nbsp;4;
					}
				}else&nbsp;if(nAbsGradient&nbsp;&lt;&nbsp;nBaseGradient1){
					if(nX&nbsp;&lt;&nbsp;nBeforeX){
						nResult&nbsp;=&nbsp;6;
					}else{
						nResult&nbsp;=&nbsp;2;
					}
				}else&nbsp;if(nAbsGradient&nbsp;&gt;=&nbsp;nBaseGradient1&nbsp;&amp;&amp;&nbsp;nAbsGradient&nbsp;&lt;&nbsp;nBaseGradient2){
					if(nGradient&nbsp;&gt;&nbsp;0){
						nResult&nbsp;=&nbsp;1;
					}else{
						nResult&nbsp;=&nbsp;3;
					}
					if(nX&nbsp;&lt;&nbsp;nBeforeX){
						nResult&nbsp;+=&nbsp;4;
					}
				}
				aFilteredList.push(nResult);
			}
		}
		
		//&nbsp;필터링&nbsp;및&nbsp;기본&nbsp;방향&nbsp;계산이&nbsp;끝난&nbsp;데이터를&nbsp;루프를&nbsp;돌며,&nbsp;중복된&nbsp;값을&nbsp;제거
		for(i=1;&nbsp;i&lt;aFilteredList.length;&nbsp;i++){
			if(aResult.length&nbsp;===&nbsp;0){
				aResult.push(aFilteredList[i]);
			}else{
				if(aResult[aResult.length-1]&nbsp;!=&nbsp;aFilteredList[i]){
					aResult.push(aFilteredList[i]);
				}
			}
		}
		
		//&nbsp;최종&nbsp;계산된&nbsp;결과를&nbsp;리턴
		return&nbsp;{
			&quot;aCodeList&quot;&nbsp;:&nbsp;aResult,
			&quot;sCode&quot;&nbsp;:&nbsp;aResult.join(&quot;&quot;)
		};
	},

	/**
		MouseUp&nbsp;이벤트&nbsp;핸들러
		-&nbsp;등록된&nbsp;이벤트&nbsp;핸들러&nbsp;해제
		-&nbsp;컨텍스트&nbsp;메뉴에&nbsp;대한&nbsp;이벤트&nbsp;핸들러&nbsp;복원
		-&nbsp;저장된&nbsp;좌표&nbsp;정보를&nbsp;바탕으로,&nbsp;점들의&nbsp;방향&nbsp;값들을&nbsp;구하여,&nbsp;gesture&nbsp;이벤트&nbsp;발생
		-&nbsp;변수&nbsp;초기화&nbsp;및&nbsp;캔버스&nbsp;감추기
	&nbsp;*
		@param&nbsp;{WrappingEvent}&nbsp;weMouseUp&nbsp;마우스&nbsp;업&nbsp;이벤트&nbsp;객체
	**/
	_onMouseUp&nbsp;:&nbsp;function(weEvent){
		if(weEvent.mouse().right&nbsp;||&nbsp;this._bMobileSafari){
			weEvent.stop();

			//&nbsp;등록된&nbsp;이벤트&nbsp;핸들러&nbsp;해제
			if(this._htEventHandler[&quot;mouse_move&quot;]){
				this._htEventHandler[&quot;mouse_move&quot;].detach(this.option(&quot;elTargetWindow&quot;).document,&nbsp;this._bMobileSafari&nbsp;?&nbsp;&quot;touchmove&quot;&nbsp;:&nbsp;&quot;mousemove&quot;);
			}
			
			if(this._htEventHandler[&quot;mouse_up&quot;]){
				this._htEventHandler[&quot;mouse_up&quot;].detach(this.option(&quot;elTargetWindow&quot;).document,&nbsp;this._bMobileSafari&nbsp;?&nbsp;&quot;touchend&quot;&nbsp;:&nbsp;&quot;mouseup&quot;);
			}
			
			//&nbsp;컨텍스트&nbsp;메뉴에&nbsp;대한&nbsp;이벤트&nbsp;핸들러&nbsp;복원
			if(this._aPointList.length&nbsp;&amp;&amp;&nbsp;!this._bMobileSafari){
				this._htEventHandler[&quot;setted_context_menu&quot;]&nbsp;=&nbsp;this.option(&quot;elTargetWindow&quot;).document.oncontextmenu;
				this.option(&quot;elTargetWindow&quot;).document.oncontextmenu&nbsp;=&nbsp;function(){return&nbsp;false;};
				setTimeout(jindo.$Fn(function(){this.option(&quot;elTargetWindow&quot;).document.oncontextmenu&nbsp;=&nbsp;this._htEventHandler[&quot;setted_context_menu&quot;];},&nbsp;this).bind(),&nbsp;1);
			}
			
			//&nbsp;releaseCapture()&nbsp;수행
			if(this._sDrawingType&nbsp;==&nbsp;&quot;vml&quot;){
				this.option(&quot;elTargetWindow&quot;).document.body.releaseCapture();
			}
			
			//&nbsp;저장된&nbsp;좌표&nbsp;정보를&nbsp;바탕으로&nbsp;방향&nbsp;값을&nbsp;계산하여&nbsp;커스텀&nbsp;이벤트&nbsp;발생
			var&nbsp;htResult&nbsp;=&nbsp;this._recognitionGesture();
			if(htResult.sCode){
				/**
					사용자가&nbsp;오른쪽&nbsp;마우스를&nbsp;누른&nbsp;후,&nbsp;드래그&nbsp;후
					
					@event&nbsp;gesture
					@param&nbsp;{String}&nbsp;sType&nbsp;커스텀&nbsp;이벤트명
					@param&nbsp;{Array}&nbsp;aCodeList&nbsp;제스처&nbsp;코드&nbsp;목록
					@param&nbsp;{String}&nbsp;sCode&nbsp;코드명
					@example
						//&nbsp;커스텀&nbsp;이벤트&nbsp;핸들링&nbsp;예제
						//&nbsp;사용자가&nbsp;오른쪽&nbsp;마우스를&nbsp;누른&nbsp;후,&nbsp;드래그&nbsp;후에&nbsp;발생하는&nbsp;이벤트
						oMouseGesture.attach(&quot;gesture&quot;,&nbsp;function(eGestureEvent){
						&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;사용자가&nbsp;취한&nbsp;제스쳐에&nbsp;대한&nbsp;정보를&nbsp;담고&nbsp;있는&nbsp;oGestureEvent&nbsp;객체를&nbsp;파라미터로&nbsp;받음
						&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;oGestureEvent&nbsp;객체에&nbsp;있는&nbsp;sCode와&nbsp;aCodeList&nbsp;값에&nbsp;맵핑된&nbsp;기능을&nbsp;수행&nbsp;함
						&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;sCode&nbsp;=&nbsp;eGesture.sCode+&quot;&nbsp;:&nbsp;&quot;;
						&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i=0;&nbsp;i&lt;eGesture.aCodeList.length;&nbsp;i++){
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;switch(eGesture.aCodeList[i]){
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;1:&nbsp;sCode&nbsp;+=&nbsp;&quot;↗&quot;;break;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;2:&nbsp;sCode&nbsp;+=&nbsp;&quot;→&quot;;break;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;3:&nbsp;sCode&nbsp;+=&nbsp;&quot;↘&quot;;break;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;4:&nbsp;sCode&nbsp;+=&nbsp;&quot;↓&quot;;break;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;5:&nbsp;sCode&nbsp;+=&nbsp;&quot;↙&quot;;break;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;6:&nbsp;sCode&nbsp;+=&nbsp;&quot;←&quot;;break;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;7:&nbsp;sCode&nbsp;+=&nbsp;&quot;↖&quot;;break;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;8:&nbsp;sCode&nbsp;+=&nbsp;&quot;↑&quot;;break;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
						&nbsp;&nbsp;&nbsp;&nbsp;}
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;if(eGesture.sCode&nbsp;==&nbsp;&quot;8&quot;)jindo.$Element(&quot;elLayer&quot;).show();
						&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;if(eGesture.sCode&nbsp;==&nbsp;&quot;4&quot;)&nbsp;jindo.$Element(&quot;elLayer&quot;).hide();
						&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;if(eGesture.sCode&nbsp;==&nbsp;&quot;2&quot;)&nbsp;jindo.$(&quot;elLayer&quot;).style.background&nbsp;=&nbsp;&quot;green&quot;;
						&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;if(eGesture.sCode&nbsp;==&nbsp;&quot;6&quot;)&nbsp;jindo.$(&quot;elLayer&quot;).style.background&nbsp;=&nbsp;&quot;blue&quot;;
						&nbsp;&nbsp;&nbsp;&nbsp;jindo.$(&quot;elDebug&quot;).value&nbsp;=&nbsp;sCode;
						});
				**/
				this.fireEvent(&quot;gesture&quot;,&nbsp;htResult);
			}
	
			//&nbsp;초기화
			this._nPointCount&nbsp;=&nbsp;0;
			this._aPointList&nbsp;=&nbsp;[];
			this._hideCanvas();
		}
	},

	/**
		컴포넌트&nbsp;소멸자
		
		@method&nbsp;destroy
	**/
	destroy&nbsp;:&nbsp;function(){
		jindo.$Element(this._elCanvas).leave();
		this._elCanvas&nbsp;=&nbsp;null;
		this._oDC&nbsp;=&nbsp;null;
		this._htEventHandler&nbsp;=&nbsp;null;
		this._nPointcount&nbsp;=&nbsp;null;
		this._aPointList&nbsp;=&nbsp;null;
		this._sDrawingType&nbsp;=&nbsp;null;
		this._bMobileSafari&nbsp;=&nbsp;null;
	}
}).extend(jindo.Component);</pre>
		</div>
	</div>
</div>

			</div>
		</div>
		<!-- // main content -->

	</div>
	<!-- // container -->

	<!-- footer -->
	<div id="footer">
		<p>Copyright ©<a href="http://nhncorp.com/" target="_blank">NHN Corp.</a> Platform Ajax Team. All Rights Reserved.</p>
	</div>
	<!-- // footer -->

</div>
<!-- // wrap -->

<style type="text/css">

	.item {
		transition:background .2s linear;
		-webkit-transition:background .2s linear;
		-moz-transition:background .2s linear;
		-o-transition:background .2s linear;
		-ms-transition:background .2s linear;
	}
	
	.highlight {
		background-color:#ffffd8 !important;
	}
	
	li.selected a.highlight {
		background-color:#aa8 !important;
	}
	
	.hide-deprecated .deprecated-item, .hide-inherited .inherited-item, .private {
		display:none;
	}
	
	.scrollbar-v, .scrollbar-h { display:none; }
	.scrollbar-show { display:block; }
	
	.api-page .tbl_fold .more_history { display:none; }
	
	/* FILE */
	.file pre.code {
		border:1px solid #ccc;
		padding:0;
	}
	
	.file ol {
		padding-left: 4em;
		background-color: #f9f9f9;
	}

	.file ol li {
		list-style: decimal;
		border-left:1px solid #ccc;
		padding:2px 4px;
	}
	
	.file li.L1, .file li.L3, .file li.L5, .file li.L7, .file li.L9 {
		background-color: #f9f9f9;	
	}

	.file li.L0, .file li.L2, .file li.L4, .file li.L6, .file li.L8 { 
		background-color: #f0f0f0;
	}
	
</style>
<script type="text/javascript" src="../assets/prettify/prettify-min.js"></script>
<script type="text/javascript" src="../assets/hash.js"></script>
<script type="text/javascript" src="../assets/api-list.js"></script>
<script type="text/javascript" src="../assets/api-search.js"></script>
<script type="text/javascript" src="../assets/../api.js?callback=APISearch.setData"></script>
<script type="text/javascript">
	var projectRoot = "../";
	var projectAssets = "../assets";
	
    apiDocs(projectAssets);	
</script>
</body>
</html>